<!DOCTYPE html>
<html lang="zxx">

<head>
    <meta charset="utf-8">
    <title>Uhost - Hosting Website Template</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="Uhost is Creative Website Template" name="description">
    <meta content="" name="keywords">
    <meta content="" name="author">

    <!--[if lt IE 9]>
    <script src="/user/js/html5shiv.js"></script>
    <![endif]-->

    <!-- CSS Files
    ================================================== -->
    <link rel="stylesheet" href="https://www.jq22.com/jquery/bootstrap-4.2.1.css">
    <link href="/user/css/bootstrap-grid.min.css" rel="stylesheet" type="text/css">
    <link href="/user/css/bootstrap-reboot.min.css" rel="stylesheet" type="text/css">
    <link href="/user/css/animate.css" rel="stylesheet" type="text/css">
    <link href="/user/css/owl.carousel.css" rel="stylesheet" type="text/css">
    <link href="/user/css/owl.theme.css" rel="stylesheet" type="text/css">
    <link href="/user/css/owl.transitions.css" rel="stylesheet" type="text/css">
    <link href="/user/css/magnific-popup.css" rel="stylesheet" type="text/css">
	<link href="/user/css/jquery.countdown.css" rel="stylesheet" type="text/css">
    <link href="/user/css/style.css" rel="stylesheet" type="text/css">

    <!-- color scheme -->
    <link id="colors" href="/user/css/colors/scheme-01.css" rel="stylesheet" type="text/css">
	<link href="/user/css/coloring.css" rel="stylesheet" type="text/css">

    <!-- RS5.0 Stylesheet -->
    <link href="revolution/css/settings.css" rel="stylesheet" type="text/css">
    <link href="revolution/css/layers.css" rel="stylesheet" type="text/css">
    <link href="revolution/css/navigation.css" rel="stylesheet" type="text/css">
    <link href="/user/css/rev-settings.css" rel="stylesheet" type="text/css">

</head>

<body>
    <div id="wrapper">
        <!-- header begin -->
        <header class="header-s1">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="header-row">
                            <div class="header-col left">
                                <!-- logo begin -->
                                <div id="logo">
                                    <!-- <a href="index.html"><img alt="" class="logo" src="/user/images/logo-light.png"> <img alt="" class="logo-2" src="images/logo-dark.png"></a> -->
                                    <a href="/"><img width="180px" alt="" class="logo" src="/user/images/logo-light.png"> <img alt="" width="120px" style="margin-left: -50px;" class="logo-2" src="/user/images/logo-dark.png"></a>
                                    <!-- <a href="index.html"><span class="logo" style="color:aliceblue; font-size: large;">java兴趣社</span><span class="logo-2" style="color:black; font-size:medium;">java兴趣社</span></a> -->
                                </div>
                                <!-- logo close -->
                            </div>
                            <div class="header-col mid">
                                <!-- mainmenu begin -->
                                <ul id="mainmenu">
                                    <li><a href="/">首页</a>
										<ul>
                                            <li><a href="/#footer">关于我们</a></li>
                                            <li><a href="/#section-news">社团活动</a></li>
                                            <li><a href="/#condition">最新动态</a></li>
                                            <li><a href="/#section-features">社团部门</a></li>
                                            <li><a href="#">最新活动<span>New</span></a></li>
                                        </ul>
									</li>
                                    <li><a href="/match"> 比赛 <span>New</span></a>
                                        <ul>
                                            <li><a href="/match/#">最新比赛<span>NEW</span></a></li>
                                            <li><a href="/match">往届精彩</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="/sssociations">社团</a></li>
                                    <li><a href="#">敬请期待</a>
                                        <ul>											
                                            <li><a href="#">1</a></li>
											<li><a href="#">2</a></li>
                                        </ul>
                                    </li>
                                </ul>
                                <div class="col-right">
                                    <a class="btn-custom" href="/login"><i class="fa fa-lock"></i> Login</a>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <!-- small button begin -->
                        <span id="menu-btn"></span>
                        <!-- small button close -->

                    </div>
                </div>
            </div>
        </header>
        <!-- header close -->
        <!-- content begin -->
        <div class="no-bottom no-top" id="content">
            <div id="top"></div>
            <!-- revolution slider begin -->
            <!-- section begin -->
            <section id="section-hero" class="full-height relative no-top no-bottom text-light" data-bgimage="url(user/images/background/5.jpg)" data-stellar-background-ratio=".2">

                <div class="overlay-bg t80">
                    <div class="center-y relative" data-scroll-speed="4">
                        <div class="container">
                            <div class="row align-items-center">
                                <div class="col-md-6">
                                   
									<h1>Uhost Website Builder<br>Easy &amp; Powerfull <span class="label">FREE</span></h1>
									
									
									<p class="lead">
										We provide best hosting solutions for your hosting needs. Our clients from personal to corporate. Our data center are all over the world to ensure your website is always up. Happy hosting!
									</p>
									
									<div class="spacer-20"></div>
									
									<a href="#tour" class="btn-custom scroll-to">See how it work</a>
                                    
                                </div>
								
								<div class="col-md-6">
									<img src="/user/images/screen.png" class="img-fluid" alt="">
								</div>
								
                                <div class="clearfix"></div>
								
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </section>
            <!-- section close -->
            
			<section id="condition">
				<div class="container">
					<div class="row">
						<div class="col-md-6 offset-md-3 text-center">
							<h4 class="id-color">Professional Design</h4>
							<h2>Build a website in minutes</h2>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
							<div class="spacer-20"></div>
						</div>
						
						<!-- feature box begin -->
                        <div class="col-md-4 col-sm-6 feature-box mb40">
                            <div class="box-icon-simple left">
                                <span class="num">1</span>
                                <div class="text">
                                    <h3>Select Layout</h3>
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                                </div>
                            </div>
                        </div>
                        <!-- feature box close -->

                        <!-- feature box begin -->
                        <div class="col-md-4 col-sm-6 feature-box mb40">
                            <div class="box-icon-simple left">
                                <span class="num">2</span>
                                <div class="text">
                                    <h3>Insert Content</h3>
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                                </div>
                            </div>
                        </div>
                        <!-- feature box close -->

                        <!-- feature box begin -->
                        <div class="col-md-4 col-sm-6 feature-box mb40">
                            <div class="box-icon-simple left">
                                <span class="num">3</span>
                                <div class="text">
                                    <h3>Publish Your Website</h3>
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                                </div>
                            </div>
                        </div>
                        <!-- feature box close -->
					</div>
				</div>
			</section>

			<section data-bgcolor="#f8f8f8">
				<div class="container">
					<div class="row">
						<div class="col-md-6 offset-md-3 text-center">
							<h4 class="id-color">Simple, quick and easy.</h4>
							<h2>Drag &amp; Drop Layouts</h2>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
							<div class="spacer-20"></div>
						</div>
						
						<div class="col-md-8 offset-md-2">
							<img src="/user/images/banner.png" class="img-fluid" alt="">
						</div>
					</div>
				</div>
			</section>
			
			
			<section class="no-top no-bottom text-light" data-bgimage="url(/user/images/background/9.jpg)" data-stellar-background-ratio=".2">
                <div class="overlay-bg">
                   <div class="container">
						<div class="row">
							
							<div class="col-md-6 offset-md-3 text-center">
								
								<h1>Website Builder is free for all Uhost users.</h1>
									
									
									<p class="lead">
										We provide best hosting solutions for your hosting needs. Our clients from personal to corporate. Our data center are all over the world to ensure your website is always up. Happy hosting!
									</p>
									
									<div class="spacer-20"></div>
									
									<a href="#tour" class="btn-custom scroll-to">Get Hosting Now</a>
								
							</div>
							
						</div>
				   </div>
                </div>
            </section>



        </div>
        <!-- content close -->

        <!-- footer begin -->
            <footer>
                <div class="container">
                    <div class="row">

                        <div class="col-md-8">
                            <div class="row">
                                <div class="col-md-4 col-xs-4">
                                    <div class="widget">
                                        <h5>Hosting</h5>
                                        <div class="tiny-border"></div>
                                        <ul>
                                            <li><a href="#">Web Hosting</a></li>
                                            <li><a href="#">VPS Hosting</a></li>
                                            <li><a href="#">Cloud Hosting</a></li>
                                            <li><a href="#">WordPress Hosting</a></li>
                                            <li><a href="#">Email Hosting</a></li>
                                            <li><a href="#">CMS Hosting</a></li>
                                            <li><a href="#">Ecommerce Hosting</a></li>
                                            <li><a href="#">Website Builder</a></li>
                                        </ul>
                                    </div>
                                </div>

                                <div class="col-md-4 col-xs-4">
                                    <div class="widget">
                                        <h5>Domains</h5>
                                        <div class="tiny-border"></div>
                                        <ul>
                                            <li><a href="#">Domain Checker</a></li>
                                            <li><a href="#">Domain Transfer</a></li>
                                            <li><a href="#">Free Domain</a></li>
                                            <li><a href="#">XYZ Domain</a></li>
                                            <li><a href="#">Cheap SSL Certificate</a></li>
                                            <li><a href="#">Buy Domain Name</a></li>
                                            <li><a href="#">Whois Checker</a></li>
                                            <li><a href="#">Free SSL Certificate</a></li>
                                        </ul>
                                    </div>
                                </div>

                                <div class="col-md-4 col-xs-4">
                                    <div class="widget">
                                        <h5>Company</h5>
                                        <div class="tiny-border"></div>
                                        <ul>
                                            <li><a href="#">About</a></li>
                                            <li><a href="#">Affiliates</a></li>
                                            <li><a href="#">Blog</a></li>
                                            <li><a href="#">Careers</a></li>
                                            <li><a href="#">Community</a></li>
                                            <li><a href="#">News</a></li>
                                            <li><a href="#">Partners</a></li>
                                            <li><a href="#">Press Releases</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="widget">
                                <a href="index.html"><img alt="" class="logo" src="/user/images/logo-light.png"></a>
                                <div class="spacer-20"></div>
                                <p>We are Uhost, a web hosting company with 24/7 customer support. We provide best hosting solutions for your hosting needs. Our clients from personal to corporate. Our data center are all over the world to ensure your website is always up. You can choose shared hosting, vps hosting or cloud hosting. You can also be hosting reseller here. Happy hosting with us.</p>
                            </div>
                        </div>

                    </div>

                    <div class="row">
                        <div class="col-md-6 sm-text-center sm-mb10">
                            <div class="mt10">&copy; Copyright 2020 - Uhost by Designesia</div>
                        </div>

                        <div class="col-md-6 text-right sm-text-center">
                            <div class="social-icons">
                                <a href="#"><i class="fa fa-facebook fa-lg"></i></a>
                                <a href="#"><i class="fa fa-twitter fa-lg"></i></a>
                                <a href="#"><i class="fa fa-linkedin fa-lg"></i></a>
                                <a href="#"><i class="fa fa-google-plus fa-lg"></i></a>
                                <a href="#"><i class="fa fa-rss fa-lg"></i></a>
                            </div>
                        </div>
                    </div>
                </div>

            </footer>
            <!-- footer close -->
		
        
        
		<div id="preloader">
                <div class="spinner">
                    <div class="bounce1"></div>
                    <div class="bounce2"></div>
                    <div class="bounce3"></div>
                </div>
            </div>
        </div>		
		
		<div id="selector">
			<span class="opt tc1" data-color="scheme-01"></span>
			<span class="opt tc2" data-color="scheme-02"></span>
			<span class="opt tc3" data-color="scheme-03"></span>
			<span class="opt tc4" data-color="scheme-04"></span>
		</div>

        <!-- Javascript Files
    ================================================== -->
        <script src="/user/js/jquery.min.js"></script>
        <script src="/user/js/bootstrap.min.js"></script>
        <script src="/user/js/wow.min.js"></script>
        <script src="/user/js/jquery.isotope.min.js"></script>
        <script src="/user/js/easing.js"></script>
        <script src="/user/js/owl.carousel.js"></script>
        <script src="/user/js/validation.js"></script>
        <script src="/user/js/jquery.magnific-popup.min.js"></script>
        <script src="/user/js/enquire.min.js"></script>
        <script src="/user/js/jquery.stellar.min.js"></script>
        <script src="/user/js/jquery.plugin.js"></script>
        <script src="/user/js/typed.js"></script>
        <script src="/user/js/app.js"></script>
		<script src="/user/js/jquery.countTo.js"></script>
        <script src="/user/js/jquery.countdown.js"></script>
        <script src="/user/js/designesia.js"></script>

</body>

</html>